<template>
  <div>
    <heade />
    <banner :headlist="list"/>
    <history :relist="relist"/>
    <ticket :ticlist="ticlist"/>
    <user :comlist="comlist"/>
  </div>
</template>
<script>
  import Heade from './next/Heade'
  import Banner from './next/Banner'
  import History from './next/History'
  import Ticket from './next/Ticket'
  import User from './next/User'

  export default {
    data() {
      return {
        list: [],
        relist: [],
        ticlist: [],
        comlist: [],
      }
    },
    components: {
      Heade,
     Banner,
      History,
      Ticket,
      User
    },
    mounted() {
      this.$axios.get("http://yuanyuanyuan.xyz/qunaerw/yu.php").then(request => {
        this.list = request.data[this.$route.params.id];
        this.relist = request.data[this.$route.params.id].product.recommend;
        this.ticlist = request.data[this.$route.params.id].product;
        this.comlist = request.data[this.$route.params.id].comment;
        console.log(request.data[this.$route.params.id])
      })
    }
  }
</script>
<style scoped>

</style>
